一、文本顏色類：text-*** Bootstrap 4 提供了一些有代表意義的顏色類：.text-muted, .text-primary, .text-success, .text-info, ...

 一、導航欄 導航欄一般放在頁面的頂部。 我們可以使用 .navbar 類來創建一個標准的導航欄，后面緊跟: .navbar-expand-xl|lg|md|sm 類來創建響應式的導航欄 (大屏幕水 ...

接下來我們通過 Bootstrap4 來創建一個簡單的響應式網頁。 在學習之前我們可以先看下效果：https://www.runoob.com/try/demo_source/bootstrap3-m ...

 一、分頁效果 網頁開發過程，如果碰到內容過多，一般都會做分頁處理。 Bootstrap 4 可以很簡單的實現分頁效果。 要創建一個基本的分頁可以在 元素上添加 .pagination 類。 ...

 一、簡單的卡片 我們可以通過 Bootstrap4 的 .card 與 .card-body 類來創建一個簡單的卡片，實例如下: 嘗試一下 » Bootstrap4 的卡片類似 B ...

 一、圓角圖片 .rounded 類可以讓圖片顯示圓角效果： 嘗試一下 » 二、橢圓圖片 .rounded-circle 類可以設置橢圓形圖片: 嘗試一下 » 三、縮略圖 ...

 Bootstrap 4 通過 flex 類來控制頁面的布局。 一、彈性盒子(flexbox) ：.d-*-flex；.d-*-inline-flex Bootstrap 3 與 Bootstrap ...

 彈出框控件類似於提示框，它在鼠標點擊到元素后顯示，與提示框不同的是它可以顯示更多的內容。 一、如何創建彈出框 通過向元素添加 data-toggle="popover" 來來創建彈出框。 tit ...

 一、Bootstrap4 基礎表格：.table Bootstrap4 通過 .table 類來設置基礎表格的樣式，實例如下: 嘗試一下 » 二、條紋表格 通過添加 .table-st ...

 一、提示框 提示框可以使用 .alert 類（無背景）, 后面加上 .alert-success, .alert-info, .alert-warning, .alert-danger, .al ...